<template>
	<view class="">
		<view class="record" v-for="(item,index) in recordOut" :key="index" @tap.stop="toTransferDetail(item.idCard,item.transfer_guid)">
			<view class="record_header">
				<view class="record_left">
					<view class="">
						<text>{{item.mem_name?item.mem_name:""}}</text>
						<text class="sex">({{item.gender?item.gender:""}}</text>
						<text class="type_name">{{item.type_name?item.type_name:""}})</text>
					</view>
					<view class="status">
						<uni-tag
							:text="item.status['text']" 
							size="small" 
							:inverted="true" 
							:circle="true"
							:type="item.status['value']">
						</uni-tag>
					</view>
				</view>
				<view class="record_right">
					<uni-icons type="arrowright" color="#bbbbbb" size="20" />
				</view>
			</view>
			<view class="record_content">
				<view class="cell">
					<view class="">
						证件号
					</view>
					<view class="">
					{{item.idCard?item.idCard:""}}
					</view>
				</view>
				<view class="cell" v-if="isRollIn">
					<view class="">
						原机构
					</view>
					<view class="">
						{{item.transfer_out_org_name?item.transfer_out_org_name:""}}
					</view>
				</view>
				<view class="cell" v-if="isRollIn==false">
					<view class="">
						申请机构
					</view>
					<view class="">
						{{item.transfer_in_org_name?item.transfer_in_org_name:""}}
					</view>
				</view>
				<view class="cell">
					<view class="">
						申请时间
					</view>
					<view class="">
						{{item.time}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import uniTag from "@/components/uni-tag/uni-tag.vue";
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	export default{
		props:{
			recordOut:Array,
			isRollIn:Boolean
		},
		data(){
			return{
				
			}
		},
		components:{
			uniTag,
			uniIcons
		},
		methods:{
			toTransferDetail(idCard,guid){
				this.$emit("toTransferDetail",idCard,guid)
			}
		}
	}
</script>
<style lang="less" scoped>
	.record{
		margin: 24rpx;
		background: #fff;
		padding: 32rpx;
	}
	.record_header{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 30rpx;
		border-bottom: 2rpx solid #F1F1F2;
		.record_left{
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		.sex{
			padding-left: 20rpx;
		}
		.type_name{
			padding-left: 14rpx;
		}
		text{
			font-size: 32rpx;
		}
		.status{
			padding-left: 20rpx;
		}
	}
	.record_content{
		margin-top: 12rpx;
		.cell{
			margin-top: 16rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			view:last-child{
				color:#676767
			}
		}
	}
</style>
